/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    /*background: url('../img/bg.jpg') no-repeat center center fixed;*/
    background-color: #F5F5F5;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    font-size: 12px;
}

.textDetailMore{
    
    height:216px;
   
    overflow:hidden;
    text-overflow:ellipsis;
      
}​

.divBorder{
    padding: 0px 10px 0px 10px;
}
.btn_label_primary{
    padding-left: 53px;
    padding-right: 54px;
}
.selectOtherAddess,.addNewAddess{
    cursor: pointer;
}
.showMoreAddess{
    display: block;
}
.form_text{
    font-size: 1.25em;
}
.divBorder{
    border: 1px solid #eee;
}
.hideShippingAddess{
    display: none;
}

.bs-wizard { padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px; padding-left: 20px; padding-top: 20px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }



.background-white{
	margin-top:15px;
    background-color: white;
	border:1px solid #ddd;
	margin-bottom: 15px;
}

/*text style*/

.text-right{

    text-align: right;
}

.text-attention{
	
    margin-top: 300px;
    padding-right: 120px;
}

/*text style*/



 /*border style*/
 .img_cart{
    width: 39px;
 }
 .totalText{
    color: red;
    font-weight: 700;
    font-size: 22px;
 }
 .textRed,  .textRed p{
    color: red;
 }
 .textblack{
    color: black;
 }
 table.tbl_text tr td,table.tbl_text th{
    font-size: 1.25em;
 }
 .imgCardView{
    width: 50px;
 }
 .nameCart{
    overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
    display: inline-block;
    text-overflow:ellipsis;
 }
/* .textDetailMore{
      overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
    display: inline-block;
    text-overflow:ellipsis;
 }*/
 ul.dropdown-cart{
    min-width:280px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}
 .txtPrice{
    font-weight: 700;
    font-size: 20px;
 }
 .no_radus{
    border-radius: 0px !important;
 }
 table.noBorder tr td{
    border-top: none;
 }

.hrLineTitle{
     max-width: 400px;
}
.no_bottom{
    margin-bottom: 0px !important;
}

.price{
    font-size: 20px;
    font-weight: 700;
    color: red;
}
.hrLine{
    margin-top: 2px;
    margin-bottom: 15px;
}
 
.more a{
    color: #fff;
}
.titleProduct{
    font-size: 30px;
    font-weight: 700;

}
.border-bottom-gray {
  border-bottom: #CCC solid 1px;
}

.border-top-gray {
  border-top: #CCC solid 1px;
}
.subTitle{
    font-weight: 600;
    font-size: 20px;
}

.border-gray {
  border: #ccc solid 1px;
}

.border-radius-5 {
  border-radius: 5px;
}

/*border style*/



/*hieght style*/

.hieght-50{

    hieght: 50px;
}

.hieght-30{

    hieght: 30px;
}

/*hieght style*/



/*padding style*/

.padding-10-0 {
  padding: 10px 0;
}

.padding-top-10{

    padding-top: 10px;
}

.padding-right-10{
    padding-right: 10px;
}

/*padding style*/



/*margin style*/

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-right-10{
    margin-right: 10px;
}
.margin-bottom-0{
    margin-bottom: 0px;
}
/*margin style*/



#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px    
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0    
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}

.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}








ul.ul_nav{
    list-style: none;
    margin-top: 5px;
}
ul.ul_nav li{
    display: inline;
    margin-left: 10px;

}
ul.ul_nav li a{
    font-size: 1.25em;
    color: #ffffff;
}
.div-register{
    padding-right: 10px;
    float: right;
    color: black;
}

.div-left{

    float: left;
}

.div-right{

    float: right;
}

ul {
  display: block;
  list-style-type: none;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.justTyfy{
    text-align: justify;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {   
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
   
    border-color: #999999;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    /*text-transform: uppercase;*/
    font-weight: 400;
    /*letter-spacing: 3px;*/
}


.navbar {
  position: relative;
  min-height: 50px;
  /* margin-bottom: 20px; */
  border: 1px solid transparent;
}


.img-full {
    min-width: 100%;
}
.brand-before,
.brand-name {
    text-transform: capitalize;
}
.more{
    margin-top:10px;
}
.img_book{
    width: 535px;
    height: 647px;
    margin-top: 30px;
}
.brand-before {
    margin: 15px 0;
}
.brand-name {
    margin: 0;
    font-size: 3em;

}
.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    /*box-shadow: 0.25px 0.25px 0.25px; */
}

.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
	border: 1px solid #ddd;
    background: rgba(255,255,255,0.9);
}

footer p {
    margin: 0;
    padding: 15px 0;
}

@media screen and (min-width:768px) {
    .brand {
        padding-bottom: 20px;
        padding-top: 30px;
        display: inherit;
        margin: 0;
        /*padding: 30px 0 10px;*/
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        /*font-weight: 700;*/
        line-height: normal;
        /*color: #fff;*/
       
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }
    .icon_cart{
        color: red;
    }

    .navbar-default {
        border: none;
        background-color: white;
        /*background: rgba(255,255,255,0.9);*/
        box-shadow: 0.1px 0.1px 0.1px;        
        /*margin-top: 10px;        */
    }

    .nav>li>a {
        /*padding: 35px 20px 35px 20px;*/
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}